<template>
    <div class="home">
      <h2>欢迎来到后台管理页面</h2>
   <div class="moudle">
     折线图
     <div id="lineC" style="width=500px;height:600px"></div>
   </div>
    </div>
</template>
<script>
import * as echarts from 'echarts'
import {onMounted} from 'vue'
export default {
  setup(){
    
onMounted(()=>{
let lineC =document.getElementById('lineC');
    let myline = echarts.init(lineC)
    myline.setOption({
  title: {
    text: '本周常州天气',
    link:""

  },
  tooltip: {},
  xAxis: {
    data: ['周一', '周二', '周三', '周四', '周五', '周六','周日']
  },
  yAxis: {
   
  },
  series: [
    {
      name: '销量',
      type: 'bar',
      data: [5, 20, 36, 10, 10, 20]
    }
  ]
});
})
  }
}
</script>
<style lang="less" scoped>
h2 {
  font-size: 30px;
  color: #333;
  text-shadow: 1px 1px 1px yellow;
  margin-left: 100px;
}
.home{
  width: 900px;
}
</style>